<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body,div {
				margin: 0;
				padding: 0;
			}

			#div2 {
				width: 200px;
				height: 200px;
				background-color: #900000;
			}

			#div3 {
				width: 100px;
				height: 100px;
				background-color: #000090;
				color: #FFFFFF;
			}

			#aid {
				display: block;
				width: 50px;
				height: 50px;
				background-color: #000000;
				color: #FFFFFF;
			}

			#aid2 {
				background-color: #AAAAAA;
			}
		</style>
	</head>
	<body>
		<!--块元素：
				1，容器，可以容纳其他的块元素和内联元素
				2，块元素，排斥与其他的元素排在同一行
				3，块元素，width height 起作用
			内联元素：
				1，容器，只能容纳文本或者其他的内联元素
				2，内联元素，可以与其他的内联元素排在同一行
				3，内联元素，width height 不起作用
		-->
		<div id="div1">
			<div id="div2">块元素</div>
			<div id="div3">块元素3</div>
			<a id="aid" href="#">内联元素</a>
			<a id="aid2" href="#">内联元素2</a>
		</div>
	<div><script language="javascript">

	</script></div></body>
</html>
